
<include file="Public:header" />
<div style="boder:1px solid #ccc;margin:10px 10px 0px 10px;">
    <div style="border:1px solid #ccc;height:40px;padding:0 0 0 20px;line-height:40px;">
           用户邮件发送
    </div>
   
    <div style="height:auto;margin-top:5px;"> 
        <form action="{:U('MemberCenterConfig/memberEmailConfig')}" method="post">
            <table width="100%" cellpadding="0" cellspacing="0">
                   <tr>
                       <td valign="top">
                            <table width="100%" cellpadding="0" cellspacing="2"  style="border:1px solid #ccc">
                                <tr>
                                    <td style="border:1px solid #ccc;" align="right" width="80">标题：</td>
                                    <td>
                                         <input type="text" name="title" style="width:99%" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="border:1px solid #ccc;" align="right">邮件内容：</td>
                                    <td style="padding-right:2px;"><textarea name="content" style="width:100%;height:245px;visibility:hidden;"></textarea></td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div style="border:1px solid #ccc;margin:5px 0px 5px 0px;padding:5px 0px 5px 30px;">
                                            <input type="submit" name="send" value="发送" />
                                            <input type="reset" value="重置" />
                                        </div>
                                    </td>   
                                </tr>
                            </table>
                       </td>
                       <td width="10" style="border:0px solid #ccc;"> 
                           <div style="width:10px;height:30px;border:0px solid #ccc;">
                               <img src="__PUBLIC__/Images/arrow_right.gif" id="but" alt="隐藏"></img>
                           </div>
                       </td>
                       <td valign="top" id="td_list" class="open" width="200" style="border:0px solid #ccc;">
                           <div id="userList" style="width:200px;border:0px solid #ccc;">
                               <input type="submit" name="allAdmin" value="发送至所有管理员" style="margin-bottom:5px;width:100%;" />
                               <input type="submit" name="allMember" value="发送至所有站点用户" style="margin-bottom:5px;width:100%;" />
                               <input type="submit" name="allOkCheck" value="发送至所有已审核站点用户" style="margin-bottom:5px;width:100%;" />
                               <input type="submit" name="allNoCheck" value="发送至所有未审核站点用户" style="margin-bottom:5px;width:100%;" />
                               <div id = "admin" class="bottom" style="border:1px dashed #ccc;margin:0px 0px 5px 0px;width:173px;padding:3px 0px 3px 25px;cursor:pointer;">选择站点管理员</div>
                               <div id = "adminList" class="close" style="border:1px dotted #ccc;width:188px;padding:2px 0px 2px 10px;margin-bottom:5px;display:none;">
                                   <foreach name="admin" item="val">
                                   <div style="padding:2px 3px 2px 3px;width:182px;">
                                       <input type="checkbox" name="email[]" value="{$val.mail}" />&nbsp;{$val.userInfo|mb_substr =###,0,11,"utf-8"}... ...
                                   </div>
                                   </foreach>
                               </div>
                               <div id="okCheck" class="bottom" style="border:1px dashed #ccc;margin:0px 0px 5px 0px;width:173px;padding:3px 0px 3px 25px;cursor:pointer;">选择已审核站点用户</div> 
                               <div id = "okCheckList" class="close" style="border:1px dotted #ccc;width:188px;padding:2px 0px 2px 10px;margin-bottom:5px;display:none;">
                                   <foreach name="okCheck" item="val">
                                   <div style="padding:2px 3px 2px 3px;width:182px;">
                                       <input type="checkbox" name="email[]" value="{$val.mail}" />&nbsp;{$val.userInfo|mb_substr =###,0,11,"utf-8"}... ...
                                   </div>
                                   </foreach>
                               </div>

                               <div id="noCheck" class="bottom" style="border:1px dashed #ccc;margin:0px 0px 5px 0px;width:173px;padding:3px 0px 3px 25px;cursor:pointer;">选择未审核站点用户</div>
                               <div id = "noCheckList" class="close" style="border:1px dotted #ccc;width:188px;padding:2px 0px 2px 10px;margin-bottom:5px;display:none;">
                                   <foreach name="noCheck" item="val">
                                   <div style="padding:2px 3px 2px 3px;width:182px;">
                                       <input type="checkbox" name="email[]" value="{$val.mail}" />&nbsp;{$val.userInfo|mb_substr =###,0,11,"utf-8"}... ...
                                   </div>
                                   </foreach>
                               </div>
                           </div>
                       </td>
                   </tr>
            </table>
    </div>
    </form>
</div>


<script type="text/javascript">
     var editor;
     KindEditor.ready(function(K){
          editor = K.create('textarea[name="content"]');
     });
     jq("#but").click(function(){
             if(jq("#td_list").attr("class") == "open"){
                     jq("#td_list").hide();
                     jq("#td_list").attr("class","close");
                     jq("#but").attr("src","__PUBLIC__/Images/arrow_left.gif");
             }else{
                     jq("#td_list").show();
                     jq("#td_list").attr("class","open"); 
                     jq("#but").attr("src","__PUBLIC__/Images/arrow_right.gif");
             }
     });
     jq("#admin").click(function(){
             if(jq("#adminList").attr("class") == "close"){
                     jq("#adminList").show();
                     jq("#adminList").attr("class","open");
                     jq("#admin").attr("class","top");
             }else{
                     jq("#adminList").hide();
                     jq("#adminList").attr("class","close");   
                     jq("#admin").attr("class","bottom");
             }     
     });
     jq("#okCheck").click(function(){
             if(jq("#okCheckList").attr("class") == "close"){
                     jq("#okCheckList").show();
                     jq("#okCheckList").attr("class","open");
                     jq("#okCheck").attr("class","top");
             }else{
                     jq("#okCheckList").hide();
                     jq("#okCheckList").attr("class","close");   
                     jq("#okCheck").attr("class","bottom");
             }     
     });
     jq("#noCheck").click(function(){
             if(jq("#noCheckList").attr("class") == "close"){
                     jq("#noCheckList").show();
                     jq("#noCheckList").attr("class","open");
                     jq("#noCheck").attr("class","top");
             }else{
                     jq("#noCheckList").hide();
                     jq("#noCheckList").attr("class","close");   
                     jq("#noCheck").attr("class","bottom");
             }     
     });


</script>
  </body>
</html>
